@charset "utf-8"; 
 
*{
 	margin: 0;
 	padding: 0;
 	text-decoration: none;
 	list-style: none;
 	font-family: "microsoft yahei";
 	color: 202020;
 }
 
.web{
 	width: 100%;
 	height: 100%;
 	min-width: 1366px;
 }
 
header{
 	// height: 40px;
 	width: 100%;
 	background-color: #212121;
 	>.top{
 		padding-top: 20px;
 		padding-bottom: 9px;
 		width: 73.2%;
 		margin: 0 auto;
 		display: flex;
 		justify-content:space-between;
 		align-items: center;
 		>.t_left{
 			>img{
 				margin-right:10px;
 			}
 		}
 		>.t_right{
 			
 			>p{
 				font-family: "microsoft yahei";
 				font-size: 12px;
 				color: #bbbbbb;
 			}
 		}
 	}
 }
 
nav{
 	position: relative;
 	>.navimg{
 		position: absolute;
 		left:25%;
 		top:4%;
 	}
 	>ul{
 		margin: 0 auto;
 		width: 35.7%;
 		display: flex;
 		justify-content: space-around;
 		padding-top: 89px;
 		padding-bottom: 14px;
 		>li{
 		
 			>a{
 				text-decoration: none;
 				color: black;
 				font-size: 14px;
 			}
 		}
 	}
 }
 
.lunbo{
	width: 100%;
	>.lunbo_bg{
		width: 100%;
	}
}

section{
	margin: 0 auto;
	width: 73.2%;
	.weizhi{
		 width: 100%;
		 display: flex;
		 margin-top: 20px;
		 font-size: 16px;
		 >.pbox1{
			width: 10%;
			text-align: center;
			border-bottom: 1px solid black;
			font-weight: bold;
		 }
		 >.pbox2{
			width: 90%;
			background-color: black;
			color: white;
			 
		 }
	 }
	 .shangping{
		 width: 100%;
		 display: flex;
		 margin-top: 1%;
		.sidebar{
			 width: 15%;
			 height: 50%;
			 background-color:#eaeaea;
			 .sbp1{
				 font-size:18px;
				 color: #000000;
				 padding:10% 0 15% 10%;
			 }
			 .sbul1{
				 li{ 
					 padding:10% 0 10% 10%;
					 font-size:12px;
					 color:#999999;
					 background-color: #212121;
				 }
				 .sbli1{
					 color: #f4f4f4;
					 border-bottom: 1px solid #3c3c3c;
				 }
			 }
			 .sbul2{
				 li{
					font-size: 12px;
					padding: 0 0 10% 10%;
					color:#222222;
				 }
				 .sbli2{
					 padding-bottom: 5%;
					 padding-top:10%;
					  border-bottom: 1px solid #cfcfcf;
				 }
				 .sbli3{
					 padding-top:10%;
					 color:#9a9a9a;
				 }
				 .sbli4{
					 padding-top: 5%;
					 padding-bottom: 20%;
					 border-top:1px solid #cfcfcf;
				}
			 }	
		 }
		.spmid{
			width: 85%;
			.spp{
				padding-top: 5%;
				text-align: center;
				.spp1{
					font-size: 24px;
					color:#b8b7b7;
				}
				.spp2{
					font-size:36px;
					color: #000000;
					padding-bottom: 1%;
				}
				.spp3{
					font-size:14px;
					color: #626262;
				}
			}
			.spul1{
				margin-top: 7%;
				display: flex;
				justify-content: space-around;
				text-align: center;
				font-size: 14px;
				.lip2{
					font-size: 12px;
					color:#6d6d6d;
				}
			}
			.tiaozhuan{
				width:35%;
				display: flex;
				justify-content: space-between;
				margin: 0 auto;
				text-align: center;
				padding-top: 5%;
			}
		}
	 }
}


footer{
	width: 73.2%;
	height:286px;
	margin: 0 auto;
	background:url(../images/touming.png) no-repeat scroll 50% 0 black  ;
	margin-top: 59px;
	>.ftop{
		width: 90%;
		height: 60%;
		display: flex;
		justify-content: space-around;
		font-size: 12px;
		padding-top: 41px;
		margin: 0 auto;
		li a{
			color: #dcdcdc;
		}
		.fleft,.fright,.fmid{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		.fbig{
			font-size:14px;
			display: inline-block;
			width: 200px;
			padding-bottom: 5px;
			border-bottom: 1px solid #dcdcdc;
		}
	}
	>.fbottom{
		padding-top: 30px;
		margin: 0 auto;
		font-size: 14px;
		color: #dcdcdc;
		width: 85%;
		display: flex;
		justify-content: space-between;
	}
}